<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>v-bind指令讲解</title>
		<script src="js/vue.global.js"></script>
	</head>
	<body>		
		<div id="app">
			<ul>
				<!-- v-for:遍历循环数组结构的元素 -->
				<li v-for="item,index in listData">{{index+1}}{{item}}</li>
			</ul>
		</div>

	</body>
	<script>
	var app=new Vue({
		// el:用于元素的挂载，绑定页面上声明的元素的选择器
		el:"#app",
		// data指定vue中需要用到的数据对象
		data:{
			listData:["java","c#","vue","python"]
		}
	})
	</script>
</html>
